#IMBar{
	display:none;width:280px;
	background:#ffffff;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	font-family:Arail 微软雅黑
}
#imContainer{
	background:url("./images/TalkBg.jpg") no-repeat scroll right top;
	position:absolute;
	width:100%;
	height:100%;
}
#imTop{
	height:100px;width:100%;
}
#pInfo{
	margin:2px;height:70px;min-width:270px;
}
#pHeader{
	float:left;padding:0px;
	cursor:pointer;
}
#pHeader img{
	width:64px;height:64px;
	margin:1px;
}
#pHeader img.hover{
	border:1px solid #ccc;
	margin:0px;
}
#pState{
	float:left;margin:0;padding:0;width:140px;
	margin-left:6px;
}
#pName{
	margin-top:5px;
}
#pName div{
	cursor:pointer;float:left;
}
#pName span{
	font-weight:bold;float:left;
}
#pName div>span{
	float:left;
}
#pSay{
	clear:both;font-size:12px;padding-top:5px;color:#777777;overflow:hidden;height:20px;
	
}
#weather{
	float:right;
}
#weather img{
	width:60px;height:60px;
}
#pSearch{
	margin:5px;height:24px;margin-top:0px;
}
#pSearch input{
	width:100%;height:24px;border:1px solid #ccc;
	background:url("./images/searchBg.png") no-repeat scroll right top;
}
#imContacts{
	height:auto;width:100%;overflow-y:auto;margin-top:5px;border:0px solid #fff;
	background:url("./images/contactBg.png") repeat scroll 0 0;
}
.imtab{
	overflow:auto;
}
.friendGroup{
	cursor:pointer;
	margin-top:5px;
	clear:both;
}
.friend{
	margin-left:3px;
	height:50px;
	clear:both;
}
div.friendHover{
	background:#CBEDEE;
}
.fState{
	margin-left:55px;
}
.fHeader{
	float:left;padding:0px;
	cursor:pointer;
}
.fHeader img{
	width:48px;height:48px;
	margin:1px;
}
.fHeader img.hover{
	width:40px;height:40px;
	margin:5px;
}
#msgBox{
	display:none;
}
#showBox{
	background:url("./images/msgbubble_bg.png") no-repeat scroll 0 0;
	width:299px;
	height:30px;
	position:absolute;
	cursor:pointer;
	color:white;
	z-index:9998;
	font-size:12px;
}
#showBox div{
	margin-top:2px;
}
#showMsgArea{
	display:none;width:299px;border:1px solid #ccc;height:auto;position:absolute;z-index:9999;
}
#msgTitle{
	background:#ccc;height:24px;font-weight:bold;
}
div.selfInfo{
	cursor:pointer;
	padding-left:5px;
	color:#008000;
}
div.fromInfo{
	cursor:pointer;
	padding-left:5px;
	color:#0000FF;
}
div.showMsg{
	cursor:pointer;
	position:relative;
	padding-left:15px;
}
div.msg{
	cursor:pointer;
	position:relative;height:30px;
	background:#ffffff;
}
div.msgHover{
	background:#CBEDEE;
}
div.msgName{
	float:left;margin-left:35px;margin-right:5px;
}
div.msgContent{
	margin-left:10px;float:left;width:130px;height:28px;overflow:hidden;
}
div.msgCounts{
	margin-left:0px;margin-right:35px;float:right;
}
div.msgBtnArea{
	height:26px;background:#F3F4F4;width:100%;
}
div.msgBtnArea div{
	height:20px;width:20px;float:left;padding:0;margin:2px;
	border:1px solid #F3F4F4;
	cursor:pointer;
	overflow:hidden;
}
div.msgBtnArea div.btnHover{
	border:1px solid #45649E;
}
div.fontBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat 0 -60px;
}
div.fontBoldBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat 0 -40px;
}
div.fontItalicBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -40px -40px;
}
div.fontUnderlineBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -20px -40px;
}
div.fontColorBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -60px -40px;
}
div.faceBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -20px -60px;
}
div.shakeBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -140px -60px;
}
div.imageBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -60px -60px;
	overflow:hidden;
}
div.clearBtn{
	background:url('./images/eqq_sprite_png.png') no-repeat -80px -60px;
}


div.fontSettingBar{
	background:none repeat scroll 0 0 #EDF5F9;
	position:absolute;
	width:100%;
	margin-top:-24px
}
ul.fontul{
	margin:2px;padding:0;
}


ul.fontul li{
	float:left;
	margin:0;
	padding-right:2px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	list-style-type:none;
}
ul.fontul select{
	margin-top:2px;
}
ul.fontul div{
	height:20px;width:20px;float:left;padding:0;margin:0px;
	border:1px solid #EDF5F9;
	cursor:pointer;
}
.fontBtnHover{
	border:1px solid #ffffff;
}
ul.colorPanel{
 	background: none repeat scroll 0 0 #FFFFFF;
    border-color: #B2B2B2 #9BC4EA #9BC4EA #B2B2B2;
    border-style: solid;
    border-width: 1px;
    clear: left;
    display: none;
    padding: 5px;
    position: absolute;
    width: 130px;
    bottom:17px;
    left:268px
}
ul.colorPanel li{
 	list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.colorPanel a{
    border: 1px solid #FFFFFF;
    display: inline-block;
    font-size: 1px;
    outline: 0 none;
    padding: 1px;
}
ul.colorPanel span{
    border: 1px solid #A6A6A6;
    cursor: pointer;
    display: inline-block;
    font-size: 1px;
    height: 10px;
    width: 10px;
}
div.defaultFacePanel{
	display: block;background:url('./images/face.gif');width:436px;height:204px;
}
div.defaultFacePanel a{
    cursor: default;
    display: block;
    float: left;
    height: 28px;
    margin: 1px 0 0 1px;
    overflow: hidden;
    width: 28px;
}
a.faceHover{
    height: 26px;
    border:1px solid #008000;
    width: 26px;
}
img.preview{
	max-height:500px;
	max-width:500px;
}
div.btnArea{
	height:28px;background:#F3F4F4;
}
.btnArea div{
	cursor:pointer;float:right;width:60px;margin-right:20px;margin-top:5px;text-align:center;border:1px solid #777777;line-height:1.5;
}
#imageFile{
	opacity:0;width:22px;height:25px;cursor:pointer;overflow:hidden;
}
div.talkPName{
	clear:both;margin-top:5px;
}
div.talkPSay{
	font-weight:normal;margin-top:18px;
}
div.talkPInfo{
	float:left;
}
div.topWin{
	width:100%;height:70px;
}
img.talkWinImg{
	margin:2px;
				width:65px;height:65px;float:left;
}
div.fontAreaDiv{
	height:25px;width:100%;
}
div.msgSendArea{
	height:97px;
}
div.msgShowArea{
	background:url('./images/talkWindowShowBg.png') repeat-x;width:100%;
	width:100%;
	overflow:auto;
	position:relative;
}
#facePanel{
	display: none;position:absolute;z-index:30000;
}
#imBottom{
	clear:both;height:40px;width:100%;position:absolute;bottom:0;left:0;
}
img.faceImg{
	width:24px;height:24px;
}
p.fSay{
	height:20px;color:#665F5F;overflow:hidden;
}
span.fName{
	margin-top:5px;
}
span.fNameMark{
	color:#665F5F;
}
div.middleWinHover{
	background:url('./images/leftBar.jpg') no-repeat center center;
}
div.middleOpenWinHover{
	background:url('./images/rightBar.jpg') no-repeat center center;
}
div.progressBarEffect {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background:url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}